/*
 * @Author: Sa 
 * @Date: 2018-09-16 07:41:38 
 * @Last Modified by: mikey.zhaopeng
 * @Last Modified time: 2018-10-21 11:31:43
 * 
 */

<template>
    <div class="footer">
        <div>
            <div class="links">
                <a class="link" href="http://www.zhbit.com/jgsz/wzdh.html" target="_blank">
                    <i class="fa fa-bank"></i> 北理工</a> |
                <a class="link" href="http://www.xiaohongshu.com/" target="_blank">
                    <i class="fa fa-link"> </i>友情链接</a> |
                <a class="link" href="https://gitee.com/CampusO2OView" target="_blank">
                    <i class="fa fa-gitlab"></i> Gitee</a> |
                <a class="link" href="https://github.com/25Dong/campus_o2o" target="_blank">
                    <i class="fa fa-github"></i> GitHub</a> |
                <a class="link" href="https://blog.csdn.net/ycd500756/article/details/77508716" target="_blank">
                    <i class="fa fa-phone"></i> 联系我们</a>
            </div>
            <p class="copyright">
                Copyright © 2014-2018 豆浆油条(个人非正式工作室) | 消费者维权热线 :4006067733
            </p>
        </div>
    </div>
</template>

<script type="text/ecmascript-6">
export default {
  data() {
    return {};
  },
  components: {}
};
</script>

<style scoped lang="scss">
.footer {
 // background-color: #1a1818;
  margin-top: 20px;
  color: #666;
  .links {
    text-align: center;
    font-size: 10px;
    line-height: 50px;
    .link {
      padding: 0 10px;
      color: #666;
    }
  }
  .copyright {
    font-size: 13px;
    text-align: center;
    color: #666;
    line-height: 50px;
  }
}
</style>
